<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../css/animate.css" />
		<link rel="stylesheet" type="text/css" href="../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../css/input.css" />
		<link rel="stylesheet" type="text/css" href="../font/iconfont.css" />
		<title></title>
	</head>

	<body>
		<div class="web">
			<p>请输入兑换码</p>
			<input type="text" />
			<div class="img"><img src="../images/input_03.jpg" /></div>
			<div class="return">
				<a class="iconfont icon-fangzi" href="index.html"></a>
			</div>
			<div class="suc">
				<div class="con">
					<p>兑换成功！</p>
					<div class="iconfont icon-guanbi"></div>
				</div>
			</div>
			<div class="fal">
				<div class="con">
					<p>兑换失败！</p>
					<a href="input.html" class="shuru">请重新输入</a>
					<div class="iconfont icon-guanbi"></div>
				</div>
			</div>
		</div>
		<script src="../js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/fontSize.js" type="text/javascript">
			
		</script>
		<script type="text/javascript" charset="utf-8">
			$('.img').click(function() {
				if($('input').val() == '') {
					alert('请输入兑换码!');
				} else {
					if(!isNaN($('input').val())) {
						$('.suc').show();
					} else {
						$('.fal').show();
					}
					$('input').val('');
				}
			});
			$('.iconfont').click(function() {
				$(this).parent().parent().hide();
			});
		</script>
	</body>

</html>